<template>
    <basic-container class="bidBusDetail">
            <h2 style="text-align:center">{{form.announcementName}}</h2>
            <h5 style="text-align:center">【{{form.projectCode}}】</h5>
            <p class="tendereeClass" >【{{form.tenderee}}】<span style="color:#919191">{{form.releaseTime}}</span></p>
        <avue-form v-if="form.announcementType=='biddingAnnouncement'||form.announcementType=='purchaseAnnouncement'||form.announcementType=='prequalificationAnnouncement'" ref="form" v-model="form" :option="option" >
            <template slot-scope="{row}" slot="attachmentName">
                <p @click="downFile(form.attachmentCode)" class="activeColor cursorD">{{form.attachmentName}}</p>
            </template>
            <template slot-scope="{row}" slot="projectName">
                <el-tooltip class="item" effect="dark" :content="form.projectName" placement="top-start">
                    <span>{{form.projectName}}</span>
                </el-tooltip>
            </template>
        </avue-form>
        <div v-else>
            <div class="wrapper" v-html="form.content"></div>
        </div>
    </basic-container>
</template>
<script>
import { getDetail } from '../../api/desk/bidBusinessHall'
export default {
    data(){
        return{
            form:{},
        }
    },
    computed:{
        option(){
            return{
                detail:true,
                border:true,
                height: 'calc(100% - 120px)',
                labelWidth:'160',
                calcHeight: 30,
                column: [
                    {
                        label: "公告名称",
                        prop: "announcementName",
                        span: 24,
                        row: true,
                    },
                    {
                        label: "公告类型",
                        type: "select",
                        dicUrl: "/api/dis-sys/dict-biz/dictionary?code=announcement_type",
                        props: {
                            label: "dictValue",
                            value: "dictKey"
                        },
                        slot: true,
                        prop: "announcementType",
                        search: true,
                        control:(val,form)=>{
                            if(!val||val==''||(val=='biddingAnnouncement'||val=='purchaseAnnouncement'||val=='prequalificationAnnouncement')){
                                return{
                                    content:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    projectName:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    projectStatus:{
                                        addDisplay:false,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    projectCode:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    purchaseType:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    deadline:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    startTime:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    bidOpeningAdd:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    tenderee:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    agency:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    agencyAdd:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    linkman:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    phone:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    email:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    projectIntroduction:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    attachmentName:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    }
                                }
                            }else{
                                return{
                                    content:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    projectName:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    projectStatus:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    projectCode:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    purchaseType:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    deadline:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    startTime:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    bidOpeningAdd:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    tenderee:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    },
                                    agency:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    agencyAdd:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    linkman:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    phone:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    email:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    projectIntroduction:{
                                        addDisplay:false,
                                        editDisplay:false,
                                        viewDisplay:false
                                    },
                                    attachmentName:{
                                        addDisplay:true,
                                        editDisplay:true,
                                        viewDisplay:true
                                    }
                                }
                            }
                        }
                    },
                    {
                        label: "采购项目状态",
                        type: "select",
                        dicData: [
                            {
                                label:'待发布',
                                value:'0'
                            },
                            {
                                label:'已发布',
                                value:'1'
                            },
                            {
                                label:'已截止',
                                value:'2'
                            },
                        ],
                        span:12,
                        prop: "projectStatus",
                    },
                    {
                        label: "发布时间",
                        prop: "releaseTime",
                        type: "date",
                        format: "yyyy-MM-dd",
                        valueFormat: "yyyy-MM-dd",
                    },
                    {
                        label: "采购项目名称",
                        type: "input",
                        span:12,
                        prop: "projectName",
                    },
                    {
                        label: "采购项目编号",
                        type: "input",
                        span:12,
                        prop: "projectCode",
                    },
                    {
                        label: "采购类型",
                        type: "select",
                        span:12,
                        dicUrl: "/api/dis-sys/dict-biz/dictionary?code=purchase_type",
                        props: {
                            label: "dictKey",
                            value: "dictValue"
                        },
                        prop: "purchaseType",
                    },
                    {
                        label: "招标文件获取截止时间",
                        type: "date",
                        format: "yyyy-MM-dd hh:mm:ss",
                        valueFormat: "yyyy-MM-dd hh:mm:ss",
                        span:12,
                        prop: "deadline",
                    },{
                        label: "开标（截止）时间",
                        type: "date",
                        format: "yyyy-MM-dd hh:mm:ss",
                        valueFormat: "yyyy-MM-dd hh:mm:ss",
                        span:12,
                        prop: "startTime",
                    },
                    {
                        label: "开标地址",
                        type: "input",
                        span:24,
                        prop: "bidOpeningAdd",
                    },{
                        label: "招标人",
                        type: "input",
                        span:12,
                        prop: "tenderee",
                    },{
                        label: "招标代理机构",
                        type: "input",
                        span:12,
                        prop: "agency",
                    },{
                        label: "招标代理机构地址",
                        type: "input",
                        span:24,
                        prop: "agencyAdd",
                    },{
                        label: "联系人",
                        type: "input",
                        span:12,
                        prop: "linkman",
                    },{
                        label: "联系电话",
                        type: "input",
                        span:12,
                        prop: "phone",
                    },{
                        label: "电子邮箱",
                        type: "input",
                        span:12,
                        prop: "email",
                    },
                    {
                        label: "项目介绍",
                        type: "textarea",
                        minRows: 6,
                        row:true,
                        span: 24,
                        prop: "projectIntroduction",
                    },
                    {
                        label: "公告文件",
                        type: 'input',
                        span:24,
                        hide:true,
                        prop: "attachmentName",
                    },
                ],
            }
        }
    },
    created(){
        getDetail(this.$route.query.id).then(res=>{
            this.form=res.data.data
        }).catch(err=>{

        })
    },
    methods:{

        downFile(id){
            downFile({id:id}).then(res=>{}).catch(err=>{})
        },
    }
}
</script>
<style lang="scss">
.wrapper{
  white-space: pre-wrap;
}
.bidBusDetail .el-card__body{
    height: 100%;
    overflow: auto;
}
.tendereeClass{
    padding: 10px 0;
    text-align: center;
    border-top:1px dashed #eee ;
    border-bottom:1px dashed #eee ;
}
</style>
